```tsx
import { createSignal } from "solid-js"

export function ControlledDialog() {
  const [open, setOpen] = createSignal(false)

  const service = useMachine(dialog.machine, {
    get open() {
      return open()
    },
    onOpenChange(details) {
      setOpen(details.open)
    },
  })

  return (
    // ...
  )
}
```
